<template>
 
<div id="app">
  <router-view/>
  <!-- <tab-bar>
   <tab-bar-item>
     <img slot="item-icon" src="./assets/img/yemian.png"> 
     <img slot="item-icon-active" src="./assets/img/yemian-active.png">
     <div slot="item-text">首页</div>
   </tab-bar-item>
   <tab-bar-item>
      <img slot="item-icon" src="./assets/img/fenlei.png"> 
      <img slot="item-icon-active" src="./assets/img/fenlei-active.png">
     <div slot="item-text">分类</div>
   </tab-bar-item>
   <tab-bar-item>
      <img slot="item-icon" src="./assets/img/cart.png"> 
      <img slot="item-icon-active" src="./assets/img/cart-active.png">
     <div slot="item-text">购物</div>
   </tab-bar-item>
   <tab-bar-item>
     <img slot="item-icon" src="./assets/img/wode.png"> 
     <img slot="item-icon-active" src="./assets/img/wode-active.png">
     <div slot="item-text">我的</div>
   </tab-bar-item>
  </tab-bar> -->
  <van-tabbar v-model="active">
  <van-tabbar-item icon="home-o">首页</van-tabbar-item>
  <van-tabbar-item icon="apps-o">分类</van-tabbar-item>
  <van-tabbar-item icon="friends-o">购物</van-tabbar-item>
  <van-tabbar-item icon="contact">我的</van-tabbar-item>
</van-tabbar>
  </div>
</template>
<script>
import TabBar from "./components/tabber/TabBar";
import TabBarItem from "./components/tabber/TabBarItem";

export default {
   components:{
     TabBar,
     TabBarItem
   },
   data(){
     return{
       active:0,
     }
   }
}
</script>
<style scoped>

</style>
